$calendarBackground = #fff
$calendarBorderColor = #eee

$monthForeground = #3c3f40
$monthBackground = transparent

$weekdaysBackground = transparent
$weekdays_color = #757575

$dayForeground = #404848
$dayHoverBackground = #e9e9e9
$disabled_border_color = $dayHoverBackground

$disabled_day_color = alpha(black, 0.15)

$todayColor = #F64747
$today_fg_color = #fff

$selectedDayBackground =  #4f99ff
$selectedDayForeground = #fff

@require "../flatpickr"

.flatpickr-calendar
	width $daysWidth

.flatpickr-days
	padding 0
	border-right 0

span.flatpickr-day
	border-radius 0 !important
	border 1px solid $dayHoverBackground
	margin -1px 0 0 -1px
	max-width none
	flex-basis: calc(14.28571% + 1px)
	width: calc(14.28571% + 1px)

	&:nth-child(7n)
		border-right 0

	&:nth-child(n+36)
		border-bottom 0

	&.today:not(.selected)
		border-color $dayHoverBackground
		border-bottom-color $todayColor

		&:hover
			border-color $todayColor

	&.startRange, &.endRange
		border-color $selectedDayBackground


	&.today, &.selected
		z-index 2

.rangeMode .flatpickr-day
	margin-top -1px

.flatpickr-weekwrapper .flatpickr-weeks
	box-shadow none

.flatpickr-weekwrapper span.flatpickr-day
	border 0
	margin -1px 0 0 -1px


.hasWeeks .flatpickr-days
	border-right 0
